<!-- 监测问题统计 -->
<div class="sxdaqkk">
  <ng-container *ngIf="isMainPage;else detailPage">
    <div nz-row>
      <div nz-col nzSpan="24">
        开始时间：
        <nz-date-picker [(ngModel)]="queryParam._startdate" nzFormat="yyyy-MM-dd" [nzAllowClear]="'true'">
        </nz-date-picker>
        结束时间：
        <nz-date-picker [(ngModel)]="queryParam._enddate" nzFormat="yyyy-MM-dd" [nzAllowClear]="'true'">
        </nz-date-picker>
        <button style="margin-left:10px;" nz-button nzType="primary" (click)="query(true)"
          [disabled]="noLeaving()">查询</button>
      </div>
    </div>
    <div nz-row class="mt10 bgwhite">
      <div nz-col nzSpan="24">
        <nz-table #nzTable_bjwttj [nzScroll]="lockHeadScroll" [nzData]="tableData" [nzLoadingDelay]="1000" nzBordered
          [nzShowPagination]="false" [nzFrontPagination]="false" [nzNoResult]="''" nzSize="small" [nzLoading]="loading">
          <thead>
            <tr>
              <th nzWidth="10%" nzAlign="center">序号</th>
              <th nzWidth="15%" nzAlign="center">状态</th>
              <th nzWidth="25%" nzAlign="center">时间</th>
              <th nzWidth="25%" nzAlign="center">卡控人员</th>
              <th nzAlign="center">备注</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of tableData;index as i">
              <!-- 序号 -->
              <td nzAlign="center">{{+i + 1}}</td>
              <!-- 状态 -->
              <td nzAlign="center">
                <span style="display: flex;justify-content: center;">
                  <span [class]="statusFollow(data.uStatus)"></span>{{statusList[data.uStatus]}}
                </span>
              </td>
              <!-- 时间 -->
              <td nzAlign="center" (dblclick)="goDetail(data)" class="dblclick-class" nz-tooltip nzTooltipTitle="双击查看详情"
                nzTooltipPlacement="left">{{data.uDate}}</td>
              <!-- 卡控人员 -->
              <td nzAlign="center">{{data.uUser}}</td>

              <ng-container *ngIf="pageType==='hz';else editNote" [ngTemplateOutlet]="rdNote">
              </ng-container>
              <ng-template #rdNote>
                <!-- 备注 -->
                <td>{{data.uNote}}</td>
              </ng-template>
              <ng-template #editNote>
                <td class="no-padding">
                  <textarea class="table-textarea" [(ngModel)]="data.uNote" (ngModelChange)="onChange($event,i)"
                    nzAutosize></textarea>
                </td>
              </ng-template>
            </tr>
          </tbody>
        </nz-table>
        <div class="pageWrap">
          每页
          <nz-select [(ngModel)]="pageSize" (ngModelChange)="query()" [disabled]="noLeaving()">
            <nz-option nzValue="20" nzLabel="20"></nz-option>
            <nz-option nzValue="50" nzLabel="50"></nz-option>
            <nz-option nzValue="100" nzLabel="100"></nz-option>
            <nz-option nzValue="200" nzLabel="200"></nz-option>
          </nz-select> 条&nbsp;&nbsp;&nbsp;总共<span class="pageTotal">{{pageTotal}}</span>条
        </div>
        <div class="pageInation">
          <nz-pagination [nzPageSize]="pageSize" [(nzPageIndex)]="pageIndex" [nzTotal]="pageTotal"
            (nzPageIndexChange)="query()" [nzDisabled]="noLeaving()"></nz-pagination>
        </div>
      </div>
    </div>
  </ng-container>
</div>

<ng-template #detailPage>
  <app-sxdaqkk-detail [params]="detailParams" (goBack)="goMain()"></app-sxdaqkk-detail>
</ng-template>

<!-- <ng-container *ngTemplateOutlet="table_bjwttjTemp"></ng-container>
<ng-template #table_bjwttjTemp>
</ng-template> -->